<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href='<tiles:getAsString name="css_font"/>'>
<link rel="stylesheet" type="text/css" href='<tiles:getAsString name="css_index"/>'>
<link rel="stylesheet" type="text/css" href='<tiles:getAsString name="css_button"/>'>
<link rel="stylesheet" type="text/css" href='<tiles:getAsString name="css_table"/>'>
<%-- <link rel="stylesheet" href="${initParam.root }css/blitzer/jquery-ui-1.10.3.custom.css"> --%>
<style type="text/css">
	#container{
		width: 85%;
		margin-left: auto;
		margin-right: auto; /* 좌우 여백 동일하게 하여 중앙정렬 */
		padding: 10px; /* 내용과 테두리 사이 간격 할당 */
	}
	#header{
		text-align: center;
		/* height: 140px; */
		vertical-align: top;
		width: 100%;
		border-bottom: 1px solid silver;
	}

	#main{
		height:400px;
		width: 55%;
		vertical-align: top;
		padding-top: 20px;
		font: small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}

	#footer{
		vertical-align: top;
		padding-top: 20px;
	}
</style>
</head>
<body>
<table id="container">
	<tr>
		<td colspan="3" id="header" align="center"><tiles:insertAttribute name="header2"/></td>
	</tr>
	<tr>
		<td id="main"><tiles:insertAttribute name="main"/></td>
	</tr>
	<tr>
		<td colspan="3" id="footer" align="center"><tiles:insertAttribute name="footer"/></td>
	</tr>
</table>
</body>
</html>